<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link href="<s:url value="/css/style.css"/>" rel="stylesheet"
			type="text/css" />
		<script type="text/javascript" src="<s:url value="/js/common.js"/>"></script>
		<script type="text/javascript"
			src="<s:url value="/js/jquery-1.3.2.min.js"/>"></script>
		<script type='text/javascript'
			src="<s:url value="/js/autocomplete/jquery.bgiframe.min.js"/>"></script>
		<script type='text/javascript'
			src="<s:url value="/js/autocomplete/jquery.ajaxQueue.js"/>"></script>
		<script type='text/javascript'
			src="<s:url value="/js/autocomplete/thickbox-compressed.js"/>"></script>
		<script type='text/javascript'
			src="<s:url value="/js/autocomplete/jquery.autocomplete.js"/>"></script>
		<link rel="stylesheet" type="text/css"
			href="<s:url value="/js/autocomplete/jquery.autocomplete.css"/>" />
		<link rel="stylesheet" type="text/css"
			href="<s:url value="/js/autocomplete/thickbox.css"/>" />
		<script type="text/javascript" src="<s:url value="/js/jquery-ui.js"/>"></script>
		<link href="<s:url value="/css/jquery.css"/>" rel="stylesheet"
			type="text/css" />
		<script type='text/javascript'
			src="<s:url value="/js/ptTimeSelect/jquery.ptTimeSelect.js"/>"></script>
		<link rel="stylesheet" type="text/css"
			href="<s:url value="/js/ptTimeSelect/jquery.ptTimeSelect.css"/>" />
<script type="text/javascript" src="<s:url value="/js/jquery.form.js"/>"></script>
<script type="text/javascript" src="<s:url value="/js/jquery.validate.js"/>"></script>
		<script type="text/javascript">
	function doSubmit() {
		// here is validate form .
		if($('#leadsStatus').val()=='New'
		      ||$('#leadsStatus').val()=='ShowUp'
		        ||$('#leadsStatus').val()=='Pay'){
		   $('#leadsStatus').val("");
		}
		if($('#leadsSource').val()=='WalkIn'
		      ||$('#leadsSource').val()=='ReferralFromEmployee'
		        ||$('#leadsSource').val()=='ReferralFromStudent'){
		}else{
		   // $('#leadsSource').val("");
		}
		$('#editForm').submit();
	}
	function goBack() {
		location.href = '<s:url value="/customer/CC/list"/>';
	}
	$( function() {
	    $('#editForm').validate();
		$('#initVisitTime').datepicker( {
			dateFormat :'yy-mm-dd'
		});
		$('#depositTime').datepicker( {
			dateFormat :'yy-mm-dd'
		});
		if ($.trim($('#result').text()) != '') {
			popupDiv('pop-div');
		};
		 $("#selMarketingPlan").autocomplete("<s:url value="/marketing/autoCompleteAjax.action"/>", {
		             width: 300,
		             minChars:2, //几个字
		             mastMatch:true,
		             selectFirst: false,
		             max:  20,
		         	   formatItem: function(row, i, max) {
		         	      var d=eval("("+row+")");
			      return  d.name;
		      },
		      formatMatch: function(row, i, max) {
		         var d=eval("("+row+")");
				     return d.name;
		      },
		      formatResult: function(row) {
		         var d=eval("("+row+")");
			     return d.name;
		   	       }
		          });
		  	$("#selMarketingPlan").result(function(event, data, formatted) {
		         	      var d=eval("("+data+")");
		          $("#selMarketingPlanId").val(d.id);
		          $("#selAdChannelId").val(d.aid);
		          $("#selAdChannel").val(d.aname);
		          $('#selMarketPolicy').val( d.pid );
		   	});
		  	$("#selAdChannel").autocomplete("<s:url value="/data/AdChannel/autoCompleteAjax.action"/>", {
		             width: 300,
		             minChars:2, //几个字
		             mastMatch:true,
		             selectFirst: false,
		             max:  20,
		         	   formatItem: function(row, i, max) {
		         	      var d=eval("("+row+")");
			      return  d.name;
		         },
		      formatMatch: function(row, i, max) {
		         var d=eval("("+row+")");
				     return d.name;
		      },
		      formatResult: function(row) {
		         var d=eval("("+row+")");
			     return d.name;
		   	       }
		          });
		          $("#selAdChannel").result(function(event, data, formatted) {
		         	      var d=eval("("+data+")");
		          $("#selAdChannelId").val(d.id);
		          });
		          $("#selPTE").autocomplete("<s:url value="/data/PTE/autoCompleteAjax.action"/>", {
		             width: 300,
		             minChars:2, //几个字
		             mastMatch:true,
		             selectFirst: false,
		             max:  20,
		         	   formatItem: function(row, i, max) {
		         	      var d=eval("("+row+")");
			      return  d.name;
		         },
		      formatMatch: function(row, i, max) {
		         var d=eval("("+row+")");
				     return d.name;
		      },
		      formatResult: function(row) {
		         var d=eval("("+row+")");
			     return d.name;
		   	       }
		   });
          $("#selPTE").result(function(event, data, formatted) {
         	      var d=eval("("+data+")");
          $("#selPTEId").val(d.id);
          });
          $('#todoEventDate').datepicker( {
			dateFormat :'yy-mm-dd'
	      });
          $('#todoEventTime').ptTimeSelect();
	});
	function goCall(tel) {
		if (!tel){
		   return ;
		}
		$('#currentCalltelephone').val(tel);
		var d=new Date();
		$('#currentCalldealTime').val(d.format("isoDate")+" "+d.format("isoTime"));
	};
</script>
		<title><s:text name="system.title" />
		</title>
	</head>
	<body>
		<s:include value="/common/up.jsp"></s:include>
	   <s:set name="leadsId" value="id"/>
	   <s:if test="isOwner(#leadsId)">
 	     <s:set name="trueOrFalse" value="false">
	   </s:set>
	 </s:if>
	 <s:else>
		  <s:set var="trueOrFalse" value="true">
     </s:set>
	 </s:else>
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td class="box">
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td id="tag-over">
								<span id="tag-over">Call</span>
							</td>
							<td class="tab3-line" width="90%">
								&nbsp;
							</td>
						</tr>
					</table>
					<s:form action="CC/saveCall" namespace="/customer" method="post"
						id="editForm" name="editForm">
						<s:hidden name="id"></s:hidden>
						<table width="100%" border="0" cellpadding="3" cellspacing="1"
							class="margin">
							<tr>
								<td align="right" class="tablecolour5">
									Name<font color="red">*</font>:
								</td>
								<td class="tablecolour5">
									<s:textfield name="name" cssClass="input2 required" size="15" />
								</td>
								<td align="right" class="tablecolour5">
									Gender:
								</td>
								<td class="tablecolour5">
									<s:textfield name="salutation" cssClass="input2" size="15" />
								</td>
								<td align="right" class="tablecolour5">
									Age:
								</td>
								<td class="tablecolour5">
									<s:textfield name="age" cssClass="input2" size="15" />
								</td>
								<td align="right" class="tablecolour5">
									Education:
								</td>
								<td class="tablecolour5">
									<s:textfield name="education" cssClass="input2" size="15" />
								</td>
							</tr>
							<tr>
								<td align="right" class="tablecolour5">
									Company:
								</td>
								<td class="tablecolour5">
									<s:textfield name="company" cssClass="input2" size="15" />
								</td>
								<td align="right" class="tablecolour5">
									E-mail:
								</td>
								<td class="tablecolour5">
									<s:textfield name="email" cssClass="input2" size="15" />
								</td>
								<td align="right" class="tablecolour5" rowspan='4'>
									Comments:
								</td>
								<td class="tablecolour5" colspan="3" rowspan='4'>
								   	Last Comments:
								 	<s:property value="lastEventCommons"/>
								 	<br/>
								    <s:textarea name="comments" cols="60" rows="5"/>
								</td>
							</tr>
							<tr>
							   <td align="right" class="tablecolour5">
									Init Visit Time:
								</td>
								<td class="tablecolour5" >
									<s:date name="initVisitTime" format="yyyy-MM-dd"
										var="initVisitTimefmt" />
									<s:textfield  disabled="%{trueOrFalse}"  name="initVisitTime" cssClass="input2" size="15"
										id="initVisitTime" value="%{initVisitTimefmt}" />
								</td>
								<td align="right" class="tablecolour5" >
									Create Time:
								</td>
								<td class="tablecolour5" >
									<s:date name="createTime" format="yyyy-MM-dd" />
								</td>
							</tr>
							<tr>
							    <td align="right" class="tablecolour5">
									Marketing:
								</td>
								<td class="tablecolour5">
									<s:property value="marketingPlan.name"  /> 
									<br/>
									PTE Lead:
									<s:property value="pteLeader.name"  />
									PTE:
									<s:property value="pte.name"  />
								</td>
			             		<td align="right" class="tablecolour5">
									Ad Channel:
								</td>
								<td class="tablecolour5">
									<s:textfield  disabled="%{trueOrFalse}"   id="selAdChannel" name="adChannel.name"
										cssClass="input2" size="15" />
									<s:hidden id="selAdChannelId" name="adChannel.id" />
									<br/>
									Marketing Policy:
									<s:select disabled="%{trueOrFalse}"   id="selMarketPolicy" name="marketingPolicy.id"
										headerValue="--select--" headerKey=""
										list="marketingPolicyList" />
								</td>
							</tr>
							<tr>
								<td align="right" class="tablecolour5">
									Leads Source<font color="red">*</font>:
								</td>
								<td class="tablecolour5">
									<s:select  disabled="%{trueOrFalse}"  name="leadsSource" cssClass="input2"  headerValue="--select--"
										headerKey="" list="@com.ef.constant.ELeadsSource@values()"
										listKey="name()"  id="leadsSource"/>
								</td>
								<td align="right" class="tablecolour5">
									Leads Type<font color="red">*</font>:
								</td>
								<td class="tablecolour5">
									<s:select name="leadsType"   headerValue="--select--" cssClass="input2"
										headerKey="" list="@com.ef.constant.ELeadsType@values()"
										listKey="name()" />
								</td>
							</tr>
							<tr>
								<td align="right" class="tablecolour5">
									Mobile:
									<img onclick="javascript:goCall('<s:property value="mobileTelephone" />');" style="cursor: pointer"
										src="<s:url value="/img/right/call.gif"/>" border="0"
										align="absmiddle" />
								</td>
								<td class="tablecolour5">
									<s:textfield  disabled="%{trueOrFalse}"  name="mobileTelephone" cssClass="input2" size="15" />
								</td>
								<td align="right" class="tablecolour5">
									Telephone:
									<img onclick="javascript:goCall('<s:property value="telephone" />');" style="cursor: pointer"
										src="<s:url value="/img/right/call.gif"/>" border="0"
										align="absmiddle" />
								</td>
								<td class="tablecolour5">
									<s:textfield  disabled="%{trueOrFalse}"  name="telephone" cssClass="input2" size="15" />
								</td>
								<td align="right" class="tablecolour5">
									Company Tel:
									<img onclick="javascript:goCall('<s:property value="companyTelephone" />');" style="cursor: pointer"
										src="<s:url value="/img/right/call.gif"/>" border="0"
										align="absmiddle" />
								</td>
								<td class="tablecolour5">
									<s:textfield name="companyTelephone" cssClass="input2"
										size="15" />
								</td>
								<td align="right" class="tablecolour5">
									Other Tel:
									<img onclick="javascript:goCall('<s:property value="otherTelephone" />');" style="cursor: pointer"
										src="<s:url value="/img/right/call.gif"/>" border="0"
										align="absmiddle" />
								</td>
								<td class="tablecolour5">
									<s:textfield name="otherTelephone" cssClass="input2" size="15" />
								</td>
							</tr>
						</table>
						<table cellpadding="3" cellspacing="1" width="100%"
							style="margin-top: 1px;" class="margin">
							<tr>
								<td colspan="8" class="title">
									CC Calling....
								</td>
							</tr>
							<tr>
								<td align="right" class="tablecolour5">
									Leads Status:
								</td>
								<td class="tablecolour5">
								    <s:if test="canChangeStatus()">
									<s:select name="leadsStatus" headerValue="--select--"
										headerKey="" list="@com.ef.constant.ELeadsStatus@values()"
										listKey="name()" id ="leadsStatus"/>
									</s:if>
									<s:else>
									  <s:property value="leadsStatus" />
									</s:else>
								</td>
								<td class="tablecolour5" rowspan="2">
									Calling....:
									<s:textfield id="currentCalltelephone"    name="currentCallTelephone" cssClass="input2"
										size="15" />
									<s:hidden name="currentCallId" />
									<br />
									Status:
									<s:radio name="currentCallStatus" list="@com.ef.constant.ECallStatus@values()" listKey="name()" />
									<br />
									At:
									<s:date name="currentCallDealTime" format="yyyy-MM-dd HH:mm:ss" var="dealTimefmt" />
									<s:textfield name="currentCallDealTime" cssClass="input2"
										size="30" id="currentCalldealTime" value="%{dealTimefmt}" readonly="true" />
								</td>
								<td class="tablecolour5" align="right" rowspan="2" >
									Comments:
								</td>
								<td class="tablecolour5" align="left" rowspan="2">
									<s:textarea name="currentCallComments" cssClass="input2"
										rows="5" cols="30" />
								</td>
							</tr>
								<tr>
								<td align="right" class="tablecolour5">
									Leads Stage:
								</td>
								<td class="tablecolour5">
									<s:select name="stage" headerValue="--select--" headerKey=""
										list="@com.ef.constant.EStageType@values()" listKey="name()" />
								</td>
							</tr>
							<tr>
								<td align="right" class="tablecolour5">
									Next Task:
								</td>
								<td class="tablecolour5">
									<s:select name="todoEventType"
										list="@com.ef.constant.EUserTodoType@values()"
										listKey="name()" />
									<s:hidden name="todoEventId" />
								</td>
								<td class="tablecolour5">
									Date:
									<s:textfield id="todoEventDate" name="todoEventDate"
										cssClass="input2" size="15" />
									Time:
									<s:textfield id="todoEventTime" name="todoEventTime"
										cssClass="input2" size="15" />
								</td>
								<td class="tablecolour5" align="right">
									Comments:
								</td>
								<td class="tablecolour5" align="left">
									<s:textarea name="todoEventComments" cssClass="input2" rows="5"
										cols="30" />
								</td>
							</tr>
							<tr>
								<td align="center" colspan="8" height="50" class="tablecolour5">
									<input type="button" class="btn1" value="Save"
										onclick="doSubmit();" />
									<input name="goback" type="button" class="btn1" value="Close"
										onclick="window.close()" />
								</td>
							</tr>
						</table>
						<table cellpadding="3" cellspacing="1" width="100%"
							style="margin-top: 5px;" class="margin">
							<tr>
								<td colspan="5" class="title">
									Event History
								</td>
							</tr>
							<tr>
								<td class="tablecolour5">
									Task Type
								</td>
								<td class="tablecolour5">
									Call Number
								</td>
								<td class="tablecolour5">
									Call Time
								</td>
								<td class="tablecolour5">
									Next Call Time 
								</td>
								<td class="tablecolour5">
									Comment
								</td>
								<td class="tablecolour5">
									Call Status
								</td>
							</tr>
							<s:iterator value="calls">
								<tr>
									<td class="tablecolour5">
										<s:property value="eventType" />
									</td>
									<td class="tablecolour5">
										<s:property value="telephone" />
									</td>
									<td class="tablecolour5">
										<s:date name="dealTime" format="yyyy-MM-dd HH:mm" />
									</td>
									<td class="tablecolour5">
										<s:date name="nextCallTime" format="yyyy-MM-dd HH:mm" />
									</td>
									<td class="tablecolour5">
										<s:property value="comments" />
									</td>
									<td class="tablecolour5">
										<s:property value="callStatus" />
									</td>
								</tr>
							</s:iterator>
						</table>
						<table cellpadding="3" cellspacing="1" width="100%"
							style="margin-top: 5px;" class="margin">
							<tr>
								<td colspan="8" class="title">
									Class History
								</td>
							</tr>
							<tr>
							   	<td class="tablecolour5">
									ClassTime
								</td>
								<td class="tablecolour5">
									ClassType
								</td>
								<td class="tablecolour5">
									ClassFocus 
								</td>
								
								<td class="tablecolour5">
									Tearcher
								</td>
						 			<td class="tablecolour5">
									Booking Time
								</td>
									<td class="tablecolour5">
									Checkin Time
								</td>
									<td class="tablecolour5">
									Cancel Time
								</td>
									<td class="tablecolour5">
									Status
								</td>
							</tr>
							<s:iterator value="leadsClassEntityList" status="status">
								<tr title="entity">
										<td class="tablecolour5">
										<s:date name="classEntity.classDate" format="yyyy-MM-dd  "/>
										<s:property value="classEntity.classTime"/>
									</td>
									<td class="tablecolour5">
										<s:property value="classEntity.classType.name" />
									</td>
								 		<td class="tablecolour5">
										<s:property value="classEntity.message" />
									</td>
									<td class="tablecolour5">
										<s:property value="classEntity.teacher.name" />
									</td>
										<td class="tablecolour5">
										<s:date format="yyyy-MM-dd HH:mm:ss" name="bookingTime" />
									</td>
									<td class="tablecolour5">
										<s:date format="yyyy-MM-dd HH:mm:ss" name="checkinTime" />
									</td>
										<td class="tablecolour5">
										<s:date format="yyyy-MM-dd HH:mm:ss" name="cancelTime" />
									</td>
										<td class="tablecolour5">
										<s:property value="status" />
									</td>
								</tr>
							</s:iterator>
						</table>
					</s:form>
				</td>
			</tr>
		</table>
		<s:include value="/common/down.jsp"></s:include>
		<div id='pop-div' style="width: 300px;" class="pop-box">
			<s:include value="/common/confirmPopup.jsp"></s:include>
		</div>
	</body>
</html>